<template>
	<view class="content" >
			<xiaoVideoComponent src="https://player.alicdn.com/video/aliyunmedia.mp4"></xiaoVideoComponent>
	</view>
</template>

<script>
	import xiaoVideoComponent from '../../components/xiao-video-component.vue'
	export default {
		components:{
			xiaoVideoComponent
		},
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>

<!-- <template>
	<view>
		<swiper-video-image
		    :list="list"
		    autoplay
		    circular
		    autoPlayVideo
		    ref="swiperVideoImage"
		    @swiperClick="swiperClick"
		    @swiperChange="swiperChange"
		></swiper-video-image>
		<h3 class="u-text-center ">轮播视频图片</h3>
	</view>
	
</template>

<script>
	export default {
	    data() {
	        return {
	            list: [
	                { type: 'video', link: 'https://cdn.uviewui.com/uview/resources/video.mp4' },
	                { type: 'img', link: 'https://cdn.uviewui.com/uview/swiper/swiper1.png' },
	                { type: 'img', link: 'https://cdn.uviewui.com/uview/swiper/swiper2.png' }
	            ]
	        };
	    },
	    methods: {
	        // swiper切换时触发的回调
	        swiperChange(index) {
	            console.log(index)
	        },
	        // 点击当前视频或图片的回调
	        swiperClick(e, index) {
	            console.log(e, index)
	        },
	        // 暂停当前视频播放
	        pause() {
	            this.$refs.swiperVideoImage.pause()
	        },
	        // 播放当前视频
	        play() {
	            this.$refs.swiperVideoImage.play()
	        }
	    }
	};
</script>

<style>
</style> -->